/* 清楚默认样式 */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font: 700 36px 'Courier';
	background-color: #000;
	color: #fff;
}

.main {
	/* 主容器的样式 */
	width: 1508px;
	height: 900px;
	background-color: #000;
	margin: 15px auto;
	border: 4px solid red;
	/* border-radius: 10px; */
	display: flex;
	/* 设置主轴纵轴 */
	flex-flow: column;
	/* 横轴水平 */
	align-items: center;
	/* 设置主轴对齐方式 */
	justify-content: space-between;
}

.stage {
	/* 游戏舞台 */
	background: url(./grid.png) repeat;
	width: 1500px;
	height: 844px;
	border-bottom: 4px solid red;
	position: relative;
}

#snake div {
	/* 蛇容器里的样式 */
	width: 30px;
	height: 30px;
	background-color: rgb(45, 196, 241);
	/* border: 1px solid #282828; */
	position: absolute;
	z-index: 999;
}

#snake > :first-child {
	box-shadow: 0 0 20px #fff;
}

.food {
	/* 食物容器 */
	position: absolute;
	top: 90px;
	left: 90px;
	width: 30px;
	height: 30px;
	display: flex;
	/* 横向排列，换行 */
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: space-between;
	background-color: red;
	box-shadow: 0 0 20px #fff;
}

/* .food div {
    width: 4px;
    height: 4px;
    background-color: red;
    transform: rotate(45deg);
} */

.score-panel {
	width: 500px;
	display: flex;
	justify-content: space-between;
}
